<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>后台管理</title>
    <link href="/favicon.ico" rel="icon">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link href="__STATICADMIN__layui/css/layui.css" rel="stylesheet" type="text/css" />
    <link href="__STATICADMIN__css/style.css" rel="stylesheet" type="text/css" />
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body class="layui-layout-body">
    <div class="layui-layout layui-layout-admin">
        <!-- 头部区域 -->
        <div class="layui-header">
            <!-- 头部导航区域 -->
            <ul class="layui-nav layui-layout-left">
                <li class="layui-nav-item layadmin-flexible" lay-unselect>
                    <a href="javascript:;" sa-event="flexible" title="侧边伸缩">
                        <i class="layui-icon layui-icon-shrink-right" id="flexible"></i>
                    </a>
                </li>
                <li class="layui-nav-item" lay-unselect>
                    <a href="javascript:;" sa-event="refresh" title="刷新">
                        <i class="layui-icon layui-icon-refresh"></i>
                    </a>
                </li>
                <!-- // 多系统模式下元素 -->
                <div class="layui-nav-head">
                    <ul class="layui-nav layui-nav-top" lay-filter="lay-side-menu"></ul>
                </div>
            </ul>

            <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">

                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a href="/main/index" target="_blank" title="主页">
                        <i class="layui-icon fa-home"></i>
                    </a>
                </li>

                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a href="javascript:;" sa-event="fullscreen" title="全屏">
                        <i class="layui-icon layui-icon-screen-full"></i>
                    </a>
                </li>
                <li class="layui-nav-item" lay-unselect>
                    <a href="javascript:;">
                        <cite>{$agent.accounts}({$agent.nickname})</cite>
                    </a>
                    <!-- 后台的个人中心主页 -->
                    <dl class="layui-nav-child">
                        <dd><a sa-event="tabs" data-area="60%,90%" data-url="{:url('/agent/agent_edit',[],false)}"
                                data-title="个人信息">信息编辑</a></dd>
                        <hr>
                        <dd><a sa-event="logout" data-url="{:url('/index/logout',[],false)}">退出</a></dd>
                    </dl>
                </li>

                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a href="javascript:;"><i class="layui-icon layui-icon-more-vertical"></i></a>
                </li>
                <!-- <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-unselect>
                    <a href="javascript:;" sa-event="more"><i class="layui-icon layui-icon-more-vertical"></i></a>
                </li> -->
            </ul>
        </div>
        <!-- 侧边菜单 -->
        <div class="layui-side layui-side-menu">
            <div class="layui-side-scroll">
                <div class="layui-logo" href="/">
                    <span>{:env('app.name')}品牌后台</span>
                </div>
                <!-- // 侧边菜单 -->
                <ul class="layui-nav layui-nav-tree" lay-shrink="all" lay-filter="lay-side-menu" lay-accordion="true"
                    lay-statichtml="false"></ul>
            </div>
        </div>
        <!-- 内容主体区域 -->
        <div class="layui-body">
            <div class="layadmin-tabsbody-item layui-show">
                <iframe src="./welcome" frameborder="0" class="layadmin-iframe"></iframe>
            </div>
        </div>
        <!-- 底部固定区域 -->
        <!-- <div class="layui-footer"> copyright © 2022 <a href="##" target="_blank">铛铛洗鞋</a>
            all
            rights reserved.
        </div> -->
        <!-- // 全局获取数据接口 -->
        <authorize id="authorize" data-url="{:url('/base/authorities')}"></authorize>
    </div>
    <script src="__STATICADMIN__layui/layui.js"></script>
    <script src="__STATICADMIN__js/common.js"></script>
    <link href="__STATICADMIN__layui/css/font-awesome.css" rel="stylesheet" type="text/css" />
    <script>
        layui.use(['admin', 'mousewheel', 'dropdown'], function () {
            var $ = layui.jquery;
            var admin = layui.admin;
            var dropdown = layui.dropdown;
            var mousewheel = layui.mousewheel;

            // 入口函数
            admin.render({
                title: '主页',
                url: "{:url('/main/welcome')}"
            }, { menu: $('#authorize').data('url') });

            // // 实现横向滚动
            $('.layui-nav-head').on('mousewheel', function (event) {
                $(this).stop();
                $(this).animate({ 'scrollLeft': $(this).scrollLeft() - event.deltaFactor * event.deltaY * 2 }, 80);
                event.stopPropagation();
                event.preventDefault();
            });
        })
    </script>
</body>

</html>